<template>
	<!-- 我的发布 -->
	<div class="box">
		<heads></heads>
		<titlesearch></titlesearch>
		<div class="gerenBox">
			<ceList :index="3"></ceList>
			<div class="houselist" @click="evenMoreT = null, managementChage = null" style="position: relative;"
				v-if="xuan == 3">
				<div class="TopCard" style="height:50px">
					<!-- 小喇叭 -->
					<div style="width: 140px;display:flex; align-items: center;">
						<img src="../../assets/hint.png" style="width:30px;margin-left:15px;margin-right:10px">
						<span class="tips">温馨提示：</span>
					</div>
					<!-- 滚动文字外层div，文字能展示的区域-->
					<div class="noticeBox"
						:style="'flex:1;overflow:hidden;display:inline-block;vertical-align:middle;line-height:50px;'">
						<!-- 滚动div，marginLeft变化-->
						<div :style="'margin-left:' + marginLeft + 'px;white-space:nowrap'">
							<span
								class="showNotice">房源上架上限为{{ noticeData.maximum }}套，您当前已上架{{ managementData.alreadyShelf }}套。</span>
							<!-- 不会展示，用来测量第二条与第一条重合时的长度 -->
							<span class="notice">{{ notice }}</span>
						</div>
					</div>
				</div>
				<div style="border: 1px solid #e0e0e0;">
					<div class="h1">
						<div class="title">
							<div :class="examineindex == 2 ? 'ttext xttext' : 'ttext'" @click="examineClick(2)"
								style="position: relative;">已通过
								<span class="item"
									v-if="examineindex == 2">{{ houseList.length > 999 ? '999+' : houseList.length }}</span>
							</div>
							<div :class="examineindex == 1 ? 'ttext xttext' : 'ttext'" @click="examineClick(1)"
								style="position: relative;">待审核
								<span class="item"
									v-if="examineindex == 1">{{ houseList.length > 999 ? '999+' : houseList.length }}</span>
							</div>
							<div :class="examineindex == 3 ? 'ttext xttext' : 'ttext'" @click="examineClick(3)"
								style="position: relative;">已拒绝
								<span class="item"
									v-if="examineindex == 3">{{ houseList.length > 999 ? '999+' : houseList.length }}</span>
							</div>
							<div :class="examineindex == 4 ? 'ttext xttext' : 'ttext'" @click="examineClick(4)"
								style="position: relative;">草稿箱
								<span class="item"
									v-if="examineindex == 4">{{ houseList.length > 999 ? '999+' : houseList.length }}</span>
							</div>
							<div style="flex-grow: 1;"></div>
							<div v-if="examineindex == 2 && !compilestate"
								style="font-size: 18px;color: #333333;padding: 5px 14px;width: 40px;font-weight: 400;background-color: #E0E0E0;border-radius: 22px;cursor: pointer;position: relative;"
								@click.stop="chufaguanli">
								管理
								<div class="administrations" @click.stop="" v-if="managementChage">
									<div class="items" @click.stop="administrationClick(1)">
										已上架（{{ managementData.alreadyShelf }}）</div>
									<div class="items" @click.stop="administrationClick(2)">
										已下架（{{ managementData.offShelf }}）</div>
									<div class="items" @click.stop="administrationClick(6)">
										已共享（{{ managementData.shareNum }}）</div>
									<!-- <div class="items" @click.stop="administrationClick(3)">已置顶（{{managementData.topNum}}）</div> -->
									<div class="items" @click.stop="administrationClick(5)">已租售（{{ managementData.sold }}）
									</div>
									<div class="items" @click.stop="administrationClick(4)">
										已申领（{{ managementData.copyNum }}）</div>

								</div>
							</div>

							<div v-if="examineindex == 2 && compilestate"
								style="font-size: 18px;color: #333333;padding: 5px 14px;width: 40px;font-weight: 400;background-color: #E0E0E0;border-radius: 22px;cursor: pointer;"
								@click.stop="accomplish()">完成</div>
						</div>
						<div class="title" style="border-bottom:none">
							<div :class="houseindex == 1 ? 'ttext xttext' : 'ttext'" @click="houseClick(1)">全部</div>
							<div :class="houseindex == 2 ? 'ttext xttext' : 'ttext'" @click="houseClick(2)"
								v-if="examineindex != 4">二手房</div>
							<div :class="houseindex == 3 ? 'ttext xttext' : 'ttext'" @click="houseClick(3)"
								v-if="examineindex != 4">新房</div>
							<div :class="houseindex == 4 ? 'ttext xttext' : 'ttext'" @click="houseClick(4)"
								v-if="examineindex != 4">出租房</div>
							<div style="flex-grow: 1;display: flex;justify-content: flex-end;" v-if="examineindex == 2">
							</div>
							<!-- <div style="flex-grow: 1;display: flex;justify-content: flex-end;" v-if="examineindex != 1">
      				<div v-if="!compilestate" style="font-size: 18px;color: #333333;padding: 5px 14px;width: 40px;font-weight: 400;background-color: #E0E0E0;border-radius: 22px;cursor: pointer;" @click="housecompile(true)">编辑</div>
      				<div v-else style="font-size: 18px;color: #333333;padding: 5px 14px;width: 40px;font-weight: 400;background-color: #E0E0E0;border-radius: 22px;cursor: pointer;" @click="housecompile(false)">完成</div>
      			</div> -->
						</div>
						<div class="saixuan" v-if="examineindex != 4 && houseindex != 1">
							<div class="li">
								<p class="p1">类别</p>
								<p class="p2" @click="leibieClick(-1)" :class="leibieIndex == -1 ? 'xuan' : ''">不限</p>
								<div class="list">
									<div v-for="(item, index) in type1" :key="index" @click="leibieClick(item)"
										:class="leibieIndex == item.valueNum ? 'xuan' : ''">
										{{ item.valueName }}</div>
								</div>
							</div>
							<div class="li">
								<p class="p1">区域</p>
								<p class="p2" @click="areaClick(-1)" :class="areaIndex == -1 ? 'xuan' : ''">不限</p>
								<div class="list">
									<div v-for="(item, index) in type7" :key="index" @click="areaClick(item)"
										:class="areaIndex == item.valueNum ? 'xuan' : ''">{{ item.valueName }}</div>
								</div>
							</div>
							<div class="li">
								<p class="p1" v-if="houseindex == 2 || houseindex == 3">售价</p>
								<p class="p1" v-else>租金</p>
								<p class="p2" @click="priceClick(-1)" :class="priceIndex == -1 ? 'xuan' : ''">不限</p>
								<div class="list" v-if="houseindex == 2 || houseindex == 3">
									<div v-for="(item, index) in type8" :key="index" @click="priceClick(item)"
										:class="priceIndex == item.valueNum ? 'xuan' : ''">
										{{ item.valueName }}</div>
								</div>
								<div class="list" v-else>
									<div v-for="(item, index) in type12" :key="index" @click="priceClick(item)"
										:class="priceIndex == item.valueNum ? 'xuan' : ''">
										{{ item.valueName }}</div>
								</div>
							</div>
							<div class="li">
								<p class="p1">面积</p>
								<p class="p2" @click="mianjiClick(-1)" :class="mianjiIndex == -1 ? 'xuan' : ''">不限</p>
								<div class="list">
									<div v-for="(item, index) in type9" :key="index" @click="mianjiClick(item)"
										:class="mianjiIndex == item.valueNum ? 'xuan' : ''">
										{{ item.valueName }}</div>
								</div>
							</div>
							<div class="li">
								<p class="p1">楼层</p>
								<p class="p2" @click="loucClick(-1)" :class="loucIndex == -1 ? 'xuan' : ''">不限</p>
								<div class="list">
									<div v-for="(item, index) in type10" :key="index" @click="loucClick(item)"
										:class="loucIndex == item.valueNum ? 'xuan' : ''">
										{{ item.valueName }}</div>

								</div>
							</div>
						</div>
						<div class="house">
							<div style="padding:0 32px 20px;margin-bottom: 10px; width: 100%;position: relative;"
								v-for="(item, index) in houseList" :key="index" v-if="housetotal > 0">
								<div class="houseview">
									<template v-if="compilestate">
										<div v-if="!item.choose"
											style="font-size: 50px;line-height: 154px;color: #D1D1D1;margin-right: 10px;cursor: pointer;"
											@click.stop="choosehouse(item.id)">○</div>
										<p v-else class="el-icon-success"
											style="font-size: 30px;line-height: 154px;color: #64B6A8;margin-right: 10px;cursor: pointer;"
											@click.stop="choosehouse(item.id)"></p>
									</template>
									<div>
										<img style="object-fit: contain;background-color: #00000033;cursor: pointer;"
											v-if="examineindex == 4"
											:src="item.display_diagram != 'undefined' ? (item.display_diagram ? item.display_diagram : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e') : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e'"
											@click.stop="details(item)" />
										<img style="object-fit: contain;background-color: #00000033;cursor: pointer;" v-else
											:src="item.display_diagram ? item.display_diagram : $img + item.houseImageDiv"
											@click.stop="details(item)" />
										<!-- <div v-if="item.is_share==1 && compilestate" style="width: 220px; padding: 4px; border-radius: 4px;border: 1px solid #a2a2a2; display: flex;margin-top: 0px; align-items: center;">
                                        <span style="color:#999">共享者说:<span style="color: #999;">
                                                佣金{{item.commission}}元</span></span>
                                        <div class="" style="margin-left: 30px;color:#64B6A8"
                                            @click.stop="openShareTips(item)">
                                            详情
                                        </div>
                                    </div>	 -->
									</div>

									<template v-if="item.examine_status == 2">
										<!-- <div class="xj" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" v-show="item.up_status == 0">未上架</div>
								<div class="sj" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" v-show="item.up_status == 1">已上架</div>
								<img class="img1" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" src="../../assets/chushou.png" v-show="item.STATUS == 1 && item.transaction_type == 2" />
								<img class="img1" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" src="../../assets/zu.png" v-show="item.STATUS == 1 && item.transaction_type == 1" /> -->
									</template>
									<img src="../../assets/shenhe.png" @click.stop="details(item)" class="img1"
										v-if="examineindex == 1" />
									<img style="position: absolute;" src="../../assets/shenhe.png"
										@click.stop="details(item)" v-if="item.examine_status == 1 && examineindex != 4" />
									<img :style="compilestate && item.STATUS == 0 ? 'margin-left:40px;position: absolute;' : 'margin-left:0px;position: absolute;'"
										src="../../assets/jujue.png" @click.stop="details(item)"
										v-else-if="item.examine_status == 3" />
									<div
										style="width: 390px;display: flex;flex-direction: column;padding-left: 14px;justify-content: space-between;">
										<div style="color: #333333;font-size: 20px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;"
											@click.stop="details(item)"><tag-view :item='item'></tag-view>{{ item.title }}
										</div>
										<div style="font-size: 14px;color: #666666;font-weight: 400;margin-top: 8px;">
											{{ item.region }} {{ item.address }}</div>
										<div
											style="display: flex;color: #666666;font-size: 14px;font-weight: 400;margin-top: 8px;">
											<div>{{ item.house_type }}</div>
											<div style="margin-left: 15px;">{{ item.AREA ? item.AREA + 'm²' : item.AREA }}</div>
											<div style="margin-left: 18px;">{{ item.foors }}</div>
										</div>
										<div style="flex-grow: 1;"></div>
										<div style="display: flex;align-items: center;" v-if='examineindex != 4'>
											<img style="width: 30px;height: 30px;border-radius: 30px;"
												:src="item.image ? item.image : 'https://pic.bangbangtongcheng.com/static/my/header.png'" />
											<div style="color: #333333;font-size: 14px;margin-left: 7px;">
												{{ item.nikeName || '未命名用户' }}</div>
											<div
												style="color: #64B6A8;font-size: 14px;padding: 1px 3px;border: #64B6A8 1px solid;border-radius: 5px;margin-left: 7px;">
												{{ item.shop_name }}</div>
										</div>
									</div>
									<div
										style="width: 200px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
										<div style="color: #E00000;font-size: 26px;" v-if="item.transaction_type == 1">{{
											item.price ? item.price + '元' : item.price }}</div>
										<div style="color: #E00000;font-size: 26px;" v-if="item.transaction_type == 2">{{
											item.price ? item.price + '万' : item.price }}</div>
										<!-- <div style="color: #E00000;font-size: 26px;">{{ (item.price / 10000).toFixed(2) }}万</div> -->
										<div style="color: #333333;font-size: 12px;font-weight: 400;"
											v-if="item.transaction_type == 2">
											{{ item.price && item.AREA ? (item.price * 10000 /
												item.AREA).toFixed(2) + "元/m²" : "" }}
										</div>
									</div>
								</div>
								<div class="labelClass flex al-center">
									<div class="more" v-if="!compilestate"><span class="more-span"
											@click.stop="moreData(item, index)">更多</span>
										<div class="morePopup" v-if="evenMoreT == 'sst' + index">
											<div class="item" v-if="examineindex == 2" @click="stanDown(item)">{{ houseSale }}
											</div>
											<div class="item" v-if="examineindex == 2 && item.up_status != 0"
												@click="refresh(item)">刷新</div>
											<div class="item"
												v-if="examineindex == 2 && !(item.is_share == 1 || item.STATUS == 1 || item.is_copy == 1)"
												@click="shareTo(item)">分享至共享房源</div>
											<div class="item"
												v-if="examineindex == 2 && item.is_share == 1 && item.is_copy == 0"
												@click="cancelShare(item)">撤回共享</div>
											<!-- <div class="item" v-if="examineindex==2" @click="houseSetTopClick(item)">{{houseSetTop}}</div> -->
											<div class="item" v-if="examineindex == 2 && item.STATUS != 1 && item.is_copy == 0"
												@click="haveRental(item)">已租售</div>
											<div class="item" v-if="examineindex == 1" @click="draftWithdrawal(item)">撤回草稿箱
											</div>
											<div class="item"
												v-if="examineindex == 2 && !(item.is_copy == 1 || item.STATUS == 1)"
												@click="goCaoGao(item)">重新编辑</div>
											<div class="item" v-if="examineindex == 4" @click="details(item)">编辑</div>
											<div class="item" @click="deletHous(item)">删除</div>
											<div class="item" @click="evenMoreT = null">取消</div>
										</div>
									</div>
									<div class="just-content"
										v-if="(item.commission || item.commission === 0) && (administrationData == 6 || administrationData == 4 || administrationData == -1) && compilestate"
										style=" padding: 5px 4px; border-radius: 4px;border: 1px solid #a2a2a2; display: flex;margin: 10px 15px 0 40px; align-items: center;">
										<span style="color:#999;display: flex; align-items: center;">共享者说:<span
												style="margin:0 5px 0 0;color: #999;display:inline-block;">
												佣金{{ item.commission }}元</span></span>
										<div class="pointer" style="color:#64B6A8" @click.stop="openShareTips(item)">
											展开<i class="el-icon-arrow-down"></i>
										</div>
									</div>
									<div class="labelItem"
										:style="compilestate && !(administrationData == 6 || (administrationData == 4 && item.commission)) ? 'margin-left:40px;' : 'margin-left:0px;'"
										v-if="examineindex == 2">
										<div class="item" v-if="item.up_status == 1">已上架</div>
										<div class="item" v-if="item.up_status == 0">已下架</div>
										<div class="item" v-if="item.is_share == 1">已共享</div>
										<div class="item" v-if="item.is_copy == 1">已申领</div>
										<!-- <div class="item" v-if="item.is_show == 1">已置顶</div> -->
										<div class="item" v-if="item.STATUS == 1">已租售</div>
										<div class="item" v-if="item.is_share == 2">已撤回</div>
									</div>
									<img style="width:30px;height:30px" src="../../assets/delet.png"
										@click="deletHous(item)" v-if="compilestate && examineindex == 2">
								</div>
								<div class="just-content"
									v-if="(item.commission || item.commission === 0) && (administrationData == 6 || administrationData == 4 || administrationData == -1) && !compilestate"
									style="display:inline-block; padding:5px 4px; border-radius: 4px;border: 1px solid #a2a2a2;margin-top: 5px; align-items: center;">
									<span style="color:#999;">共享者说:<span
											style="margin:0 5px 0 0;color: #999;display:inline-block;">
											佣金{{ item.commission }}元</span></span>
									<span class="pointer" style="color:#64B6A8" @click.stop="openShareTips(item)">
										展开<i class="el-icon-arrow-down"></i>
									</span>
								</div>
								<!-- <div class="morePopup" :style="'bottom:'+moreBottomHeight"
									v-if="evenMoreT=='sst'+index"> -->

							</div>
							<div class="li" v-if="housetotal == 0" style="width: 100%;height: 400px;">
								<el-empty description="还没有发布过房子" v-if="houseindex == 1"></el-empty>
								<el-empty description="还没有发布过二手房" v-if="houseindex == 2"></el-empty>
								<el-empty description="还没有发布过新房" v-if="houseindex == 3"></el-empty>
								<el-empty description="还没有发布过出租房" v-if="houseindex == 4"></el-empty>
							</div>
							<el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
								:total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo"
								:page-count="housepage.pageCount"
								style="text-align: center;margin-top: 60px;border-bottom:1px solid #E0E0E0;padding-bottom:50px">
							</el-pagination>
							<div style="height:95px">
								<div class="bottomOperation" v-if="compilestate && examineindex == 2">
									<template v-if="administrationData == 1">
										<!-- <div class="item" @click='multipleHousesTop()'>置顶</div> -->
										<div class="item" @click="operation(3)">已租售</div>
										<div class="item" @click="operation(2)">下架</div>
										<div class="refresh" @click="administrationRefresh()"><img
												src="../../assets/refresh.png">刷新</div>
									</template>
									<template v-else-if="administrationData == 2">
										<div class="item" @click="operation(1)">上架</div>
										<!-- <div class="item" @click='multipleHousesTop()'>置顶</div> -->
										<div class="item" @click="operation(3)">已租售</div>
									</template>
									<template v-else-if="administrationData == 3">
										<div class="item" @click="operation(3)">已租售</div>
										<div class="item" @click="operation(1)">上架</div>
										<div class="item" @click="operation(2)">下架</div>
										<!-- <div class="item" @click="cancelTopSub(2)">取消置顶</div> -->
										<div class="refresh" @click="administrationRefresh()"><img
												src="../../assets/refresh.png">刷新</div>
									</template>
									<template v-else-if="administrationData == 4">
										<div class="item" @click="operation(1)">上架</div>
										<div class="item" @click="operation(2)">下架</div>
										<!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
										<div class="refresh" @click="administrationRefresh()"><img
												src="../../assets/refresh.png">刷新</div>
									</template>
									<template v-else-if="administrationData == 5">
										<div class="item" @click="operation(1)">上架</div>
										<div class="item" @click="operation(2)">下架</div>
										<!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
										<div class="refresh" @click="administrationRefresh()"><img
												src="../../assets/refresh.png">刷新</div>
									</template>
									<template v-else-if="administrationData == 6">
										<div class="item" @click="operation(4)">撤回共享</div>
										<!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
										<div class="refresh" @click="administrationRefresh()"><img
												src="../../assets/refresh.png">刷新</div>
									</template>
								</div>
							</div>
						</div>
						<!-- <div v-if="compilestate&&examineindex != 1" style="position: absolute;bottom:0;left: 0;margin-bottom:auto; width: 100%;height: 100px;display: flex;justify-content: space-between;padding: 0 39px;box-sizing: border-box;align-items: center;font-size: 20px;color: #333333;    ">
      			<div>
					<span style="cursor: pointer;margin-left: 10px;" @click="allselect" v-if="examineindex == 3">全选</span>
					<span style="cursor: pointer;" @click="delHouse">删除</span>
					<span style="cursor: pointer;margin-left:10px;" @click="refresh" v-if="examineindex == 2">刷新</span>
				</div>
				<template v-if="examineindex == 2">
							<div>置顶至</div>
							<div style="width: 80px;margin: 0 20px;">
								<el-select style="" size="mini" v-model="housevalue" placeholder="请选择" @change="openTop">
									<el-option
										v-for="item in options"
										:key="item.value"
										:label="item.label"
										:value="item.value">
									</el-option>
								</el-select>
							</div>
							<div style="width: 80px;">
								<el-select style="width: 80px;" size="mini" v-model="housevalue2" placeholder="请选择" @change="operation">
									<el-option
										v-for="item in options2"
										:key="item.value"
										:label="item.label"
										:value="item.value">
									</el-option>
								</el-select>
							</div>
							
						</template>
      		</div> -->
					</div>
				</div>
			</div>
		</div>
		<el-dialog :visible.sync="topVisible" width="26%" center :show-close="false" :close-on-click-modal="false"
			:close-on-press-escape="false">
			<div style="width: 100%;display: flex;flex-direction: column;">
				<div style="display: flex;color: #000000;font-size: 20px;font-weight: 400;padding: 10px 20px;">
					<div>置顶信息：</div>
					<div>
						<div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 240px;"
							v-if="compilestate && examineindex == 2">
							{{ multipleHousesTopTitle.length == 1 ? multipleHousesTopTitle[0] : '您选择了多套房源' }}</div>
						<div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 240px;" v-else>
							{{ houseTopData.title }}</div>
					</div>
				</div>
				<div style="display: flex;margin-top: 26px;align-items: center;padding: 0px 20px;">
					<div style="color: #000000;font-size: 20px;">置顶天数：</div>
					<input v-model="day" placeholder="请输入置顶天数"
						style="border: #e0e0e0 1px solid;width: 240px;height: 30px;border-radius: 5px;padding-left: 10px;" />
				</div>
				<div style="color: #EA4B4B;font-size: 18px;margin-top: 31px;padding: 0px 20px;">
					平台规则：每天限定置顶20条次，置顶信息按时间排序</div>
				<div style="width: 100%;height: 65px;margin-top: 32px;font-size: 21px;font-weight: 400;display: flex;">
					<div style="width: 50%;background-color: #F2F2F2;color: #333333;text-align: center;line-height: 65px;border-bottom-left-radius: 10px;cursor: pointer;"
						@click="topVisible = false">取消</div>
					<div style="width: 50%;background-color: #64B6A8;color: #FFFFFF;text-align: center;line-height: 65px;border-bottom-right-radius: 10px;cursor: pointer;"
						v-if="compilestate && examineindex == 2" @click="topSub(2)">确认</div>
					<div style="width: 50%;background-color: #64B6A8;color: #FFFFFF;text-align: center;line-height: 65px;border-bottom-right-radius: 10px;cursor: pointer;"
						v-else @click="topSub(1)">确认</div>
				</div>
			</div>
		</el-dialog>

		<el-dialog class="share-dia" :visible.sync="shareBox" width="33%" :show-close="false">
			<div class="share-box">
				<!-- <div>
					<div class="share-tips">
					是否将所选房源分享至共享房源并进行备注？
				</div> -->
				<div class="yong-jin">
					<span>佣金:</span> <input style="margin-right: 10rpx;" placeholder="填写佣金" v-model="commission"
						type="number" maxlength="6" value="" />元
				</div>
				<div class="yong-jin remark">
					<span>备注:</span> <textarea name="" placeholder="填写备注" v-model="shareRemark" id="" maxlength="100"
						cols="30" rows="10"></textarea>
				</div>

				<div class="flex btn">
					<div class="pointer" @click="closeShareBox"
						style="border-radius: 0 0 0 20px;background-color: #F2F2F2;color: #333;">
						取消
					</div>
					<div class="pointer" style="border-radius: 0 0 20px 0;" @click="shareHouse">
						确定共享
					</div>
				</div>
			</div>
		</el-dialog>
		<floor></floor>
		<!-- 弹出框 -->
		<div class="popupBox" v-if="markPopup" @click="markPopup = false">
			<div class="popupit" @click.stop="">
				<div class="title">{{ markText }}</div>
				<div class="btn">
					<div class="cancel" @click="markPopup = false">取消</div>
					<div class="affirm" @click="affirmClick">确认</div>
				</div>
			</div>
		</div>
		<div class="popupBox" v-if="sharePop" @click="sharePop = false">
			<div class="popupit" @click.stop="">
				<div class="title" style="text-align: center;">是否将所选房源分享至共享房源</div>
				<div class="btn">
					<div class="cancel pointer" @click="sharePop = false">取消</div>
					<div class="affirm" @click="shareClick">确认</div>
				</div>
			</div>
		</div>
		<div class="popupBox" v-if="caoPop" @click="caoPop = false">
			<div class="popupit" @click.stop="">
				<div class="title" style="text-align: center;">是否重新编辑当前所选房源?</div>
				<div class="btn">
					<div class="cancel" @click="caoPop = false">取消</div>
					<div class="affirm" @click="caoClick">确认</div>
				</div>
			</div>
		</div>
		<div class="popupBox" v-if="listTips" @click="listTips = false">
			<div class="popupit" @click.stop="">
				<div class="title">
					房源上架上限为{{ noticeData.maximum }}套，您当前已上架{{ noticeData.publishedQuantity }}套房源，请前往已上架房源进行管理。</div>
				<div class="confirmBtn" @click="listTips = false">确定</div>
			</div>
		</div>

		<div class="popupBoxs" v-if="shareBoxPop" @click="shareBoxPop = false">
			<div class="popupit" @click.stop="">
				<div class="title just-content flex">
					<span>共享者说:</span>
				</div>
				<div class="title">
					<div class="yong-jin flex">
						佣金: <div class="">
							{{ houseDetails.commission }}元
						</div>

					</div>
					<div class="yong-jin flex">
						<span>备注: </span>
						<div>{{ houseDetails.share_remark }} </div>
					</div>
				</div>
				<div class="btn" @click="shareBoxPop = false">确认
				</div>
			</div>
		</div>
		<report ref="report" :bUserId="houseDetails.create_by"></report>
	</div>
</template>
<script>
import report from "../../components/report.vue";
import floor from "../../components/floor";
import heads from "../../components/head";
import ceList from "../../components/ceList.vue";
import titlesearch from "../../components/titlesearch.vue";
export default {
	components: {
		floor,
		heads,
		ceList,
		report,
		titlesearch,
	},
	data() {
		return {
			commission: "",
			shareRemark: "",
			caoPop: false,
			houseDetails: {},
			sharePop: false,
			shareBoxPop: false,
			options: [
				{
					value: 0, label: '首页'
				},
				{
					value: 1, label: '房源信息',
				}
			],
			options2: [
				{
					value: 1, label: '上架'
				},
				{
					value: 2, label: '下架',
				},
				{
					value: 3, label: '已出租',
				},
				{
					value: 4, label: '已出售',
				}
			],
			compilestate: false,
			housevalue: '',
			housevalue2: '',
			xuan: 3,
			imageUrl: "",
			input: "",
			user: {},
			loginstate: false,
			userdata: {

			},
			housepage: {
				pageSize: 5,
				pageNo: 1,
				userId: '',
				isLz: '0',
				examineStatus: '2',
				status: '0,1',
				orderSort: '1',
				isShare: ''
			},
			houseList: [],
			housetotal: 0,
			houseindex: 1,
			examineindex: 2,
			topVisible: false,
			xzList: [],
			day: '',
			oldpwd: '',
			onepwd: '',
			twopwd: '',
			imgurl: this.$img,
			checkType: '',
			// 用于公告过长时，获取重复两遍中第一遍的长度
			notice: '',
			// 公告初始位置
			marginLeft: 100,
			// 公告数据
			noticeData: {},
			// 管理数据
			managementData: {},
			managementChage: false,
			// 更多弹出
			evenMoreT: null,
			// 弹窗
			markPopup: false,
			markText: '',
			listTips: false,
			// 判断需要操作什么
			markset: -1,
			markData: {},
			// 判断进的那个管理
			administrationData: -1,
			type8: [],
			type9: [],
			type10: [],
			type12: [],
			type1: [],
			type7: [],
			leibieIndex: -1,
			areaIndex: -1,
			priceIndex: -1,
			mianjiIndex: -1,
			loucIndex: -1,
			houseSetTop: '置顶/取消置顶',
			houseSale: '上/下架',
			houseTopData: '',
			// 多个房源置顶标题
			multipleHousesTopTitle: [],
			moreBottomHeight: '',
			shareBox: false,
			shareHouseId: 0,
		};
	},
	created() {
		if (this.$route.query.examineindex) {
			this.examineindex = this.$route.query.examineindex
			this.housepage.examineStatus = this.$route.query.examineindex
		}
		//回到顶部
		var top = document.body.scrollTop || document.documentElement.scrollTop
		scrollBy(0, -top)
	},
	mounted() {
		this.getUser()
		this.bulletinBoard()
		this.getDictionaries()
	},
	methods: {
		// 通告栏
		bulletinBoard() {
			// 公告上面先赋值，再获取宽度
			setTimeout(() => {
				// 公告div长度
				var oneNoticeWidth = document.getElementsByClassName('showNotice')[0].offsetWidth
				// 公告外层div长度
				var noticeBoxWidth = document.getElementsByClassName('noticeBox')[0].offsetWidth
				//   一条公告长度太大时，才滚动
				if (oneNoticeWidth > noticeBoxWidth) {
					// 滚动公告需要将公告重复两遍进行滚动，两遍中间需要加空格
					this.notice = this.showNotice + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0'
					// 上面先赋值，再获取宽度
					setTimeout(() => {
						// 获取一遍加中间空格的长度，即左移时第二遍与第一遍完全重合时的长度
						var oneNoticeAddEmptyWidth = document.getElementsByClassName('notice')[0].offsetWidth
						// 公告内容重复两遍
						this.showNotice = this.notice + this.showNotice
						this.timer = setInterval(() => {
							this.marginLeft -= 1
							// 第二遍与第一遍起始位置重合时（第一条已完全移到左侧隐藏），marginLeft置0，即回到第一条
							if (this.marginLeft === (-1) * oneNoticeAddEmptyWidth) {
								this.marginLeft = 0
							}
						}, 20)
					}, 10)
				} else { //公告并没有很长时不滚动
					this.marginLeft = 0
				}
			}, 10)
		},
		getDictionaries() {
			this.$getHttp("/mob/home/getDictionaries", { type: '8,9,10,12,1,7' }).then((data) => {
				if (data.code == 200) {
					data.list.forEach(e => {
						if (e.type == 8) this.type8.push(e)
						if (e.type == 9) this.type9.push(e)
						if (e.type == 10) this.type10.push(e)
						if (e.type == 12) this.type12.push(e)
						if (e.type == 1) this.type1.push(e)
						if (e.type == 7) this.type7.push(e)
					});
				}
			})
		},
		// 更多
		moreData(item, index) {
			this.evenMoreT = 'sst' + index
			if (this.examineindex == 2) {
				if (item.STATUS == 1) {
					if (item.up_status == 0) {
						this.moreBottomHeight = '-110px'
					} else {
						this.moreBottomHeight = '-205px'
					}
				} else {
					if (item.up_status == 0) {
						this.moreBottomHeight = '-155px'
					} else {
						this.moreBottomHeight = '-250px'
					}
				}
			} else {
				this.moreBottomHeight = '-110px'
			}
			if (item.up_status == 0) {
				this.houseSale = '上架'
			} else if (item.up_status == 1) {
				this.houseSale = '下架'
			}
			if (item.is_show == '0') {
				this.houseSetTop = '置顶'
			} else if (item.is_show == '1') {
				this.houseSetTop = '取消置顶'
			}
		},
		houseSetTopClick(item) {
			if (item.is_show == 0) {
				this.topVisible = true
				this.evenMoreT = null
				this.houseTopData = item
			} else {
				this.evenMoreT = null
				this.houseTopData = item
				this.cancelTopSub(1)
			}
		},
		multipleHousesTop() {
			this.houseList.forEach((e) => {
				if (e.choose) {
					this.multipleHousesTopTitle.push(e.title)
				}
			})
			this.topVisible = true
			this.evenMoreT = null
		},
		leibieClick(item) {
			this.housepage.pageNo = 1
			if (item != -1) {
				this.leibieIndex = item.valueNum;
				this.housepage.type = item.valueNum
				this.getHouseInfo()
				return;
			}
			this.leibieIndex = item
			delete this.housepage.type
			this.getHouseInfo()
		},
		priceClick(item) {
			this.housepage.pageNo = 1
			if (item != -1) {
				this.priceIndex = item.valueNum;
				this.housepage.price = item.valueName
				this.getHouseInfo()
				return;
			}
			this.priceIndex = item
			delete this.housepage.price
			this.getHouseInfo()
		},
		mianjiClick(item) {
			this.housepage.pageNo = 1
			if (item != -1) {
				this.mianjiIndex = item.valueNum;
				this.housepage.area = item.valueName
				this.getHouseInfo()
				return;
			}
			this.mianjiIndex = item
			delete this.housepage.area
			this.getHouseInfo()
		},
		areaClick(item) {
			this.housepage.pageNo = 1
			if (item != -1) {
				this.areaIndex = item.valueNum;
				this.housepage.region = item.valueName
				this.getHouseInfo()
				return;
			}
			this.areaIndex = item
			delete this.housepage.region
			this.getHouseInfo()
		},
		loucClick(item) {
			this.housepage.pageNo = 1
			if (item != -1) {
				this.loucIndex = item.valueNum;
				this.housepage.floor = item.remarks

				this.getHouseInfo()
				return;
			}
			this.loucIndex = item
			delete this.housepage.floor
			this.getHouseInfo()
		},
		stanDown(item) {
			if (item.up_status == 0) {
				if (this.noticeData.maximum <= this.noticeData.publishedQuantity) {
					this.listTips = true
					return
				}
				this.markText = '确定要上架当前房源吗？';
				this.markset = 1
			} else if (item.up_status == 1) {
				this.markText = '确定要下架当前房源吗？';
				this.markset = 2
			}
			this.markData = item
			this.markPopup = true;
		},

		// 分享房源
		shareTo(item) {
			this.shareHouseId = item.id
			this.sharePop = true

		},
		goCaoGao(item) {
			this.shareHouseId = item.id;
			this.caoPop = true
		},
		caoClick() {
			let user = JSON.parse(localStorage.getItem("userInfo"))

			this.$postHttp("/mob/home/withdrawDrafts", {
				houseId: this.shareHouseId,
				userId: user.id
			})
				.then(res => {
					this.$message({
						message: res.msg,
						offset: 120,
						duration: 1000,
					});
					this.caoPop = false;
					// this.examineindex = 4;
					this.evenMoreT = null;
					this.examineClick(4)
					// this.guan();
					// setTimeout(() => {
					// 	// this.reload();
					// 	this.TabCur1 = 3;
					// 	this.TabCur=0;
					// 	this.transactionType = "";
					// 	this.scrollLeft=-60
					// 	this.newOld = "";
					// 	this.text = "编辑";
					// 	this.width = 366;
					// 	this.Recommend = [];
					// 	this.activeData = []
					// 	this.pageNo = 1;
					// 	this.upStatus = true;
					// 	this.trigger = false;
					// 	this.administrationClose=false
					// 	this.getFy();
					// }, 1000);
				})
		},
		shareClick() {
			this.shareBox = true
			this.sharePop = false


		},
		closeShareBox() {
			this.shareBox = false
		},
		openShareTips(val) {
			console.log(val)
			this.houseDetails = val;
			this.shareBoxPop = true;
			console.log(21)
		},
		// 撤回共享
		cancelShare(item) {
			let userInfo = JSON.parse(localStorage.getItem("userInfo"))
			let houseId = []
			this.houseList.forEach((e) => {
				if (e.choose) {
					houseId.push(e.id)
				}
			})
			houseId = houseId.join(",");
			console.log(houseId)
			this.$confirm('是否要撤回当前共享房源？', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then((res) => {
				this.$postHttp("/mob/iteration/shareHouseInfo", {
					id: houseId || item.id,
					userId: userInfo.id,
					isShare: 0,
				})
					.then((res) => {
						this.$message({
							message: res.msg,
							type: "success",
							offset: 120,
							duration: 1200,
						});
						this.evenMoreT = null
						setTimeout(() => {
							this.initgetHouseInfo()
						}, 1000);
					});
			})
		},
		goJuBao() {
			this.$refs.report.jubaoGuan(this.houseDetails.id);
		},
		shareHouse() {
			if (this.commission == "") {
				this.$message({
					message: "请输入佣金",
					type: "error",
					offset: 120,
					duration: 1500,
				});
				return
			}
			if (this.shareRemark == "") {
				this.$message({
					message: "请输入备注",
					type: "error",
					offset: 120,
					duration: 1500,
				});
				return
			}
			let userInfo = JSON.parse(localStorage.getItem("userInfo"))
			this.$postHttp("/mob/iteration/shareHouseInfo", {
				id: this.shareHouseId,
				userId: userInfo.id,
				isShare: 1,
				commission: this.commission,
				shareRemark: this.shareRemark
			})
				.then((res) => {
					this.activeData = []
					this.$message({
						message: res.msg,
						type: "success",
						offset: 120,
						duration: 1500,
					});
					this.evenMoreT = null;
					this.closeShareBox();
					this.commission = '';
					this.shareRemark = "";
					this.shareHouseId = 0;
					setTimeout(() => {
						this.initgetHouseInfo();
					}, 1000);
				});
		},
		haveRental(item) {
			if (item.STATUS == 1) {
				this.$message({
					message: "该商品已租/已售!",
					type: "error",
					offset: 120,
					duration: 2000,
				});
				return
			}
			if (item.transaction_type == 1) {
				this.markText = '确定要标记为已出租？';
				this.markset = 3;
			} else if (item.transaction_type == 2) {
				this.markText = '确定要标记为已出售？';
				this.markset = 4;
			}
			this.markData = item;
			this.markPopup = true;
		},
		affirmClick() {
			this.$postHttp("/mob/home/updateUpStatus", {
				userId: this.user.id,
				id: this.markData.id,
				upStatus: this.markset,
			}).then((data) => {
				if (data.code == 200) {
					this.$message({
						message: data.msg,
						type: "success",
						offset: 120,
						duration: 2000,
					});
					this.markPopup = false
					this.evenMoreT = null
					this.initgetHouseInfo()
				}
			});
		},
		draftWithdrawal(item) {
			this.$confirm('此操作会将该房源撤回草稿箱, 是否继续?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.$postHttp("/mob/home/withdrawDrafts", {
					houseId: item.id,
					userId: this.user.id
				})
					.then(res => {
						this.$message({
							type: 'success',
							message: res.msg
						});
						this.evenMoreT = null
						setTimeout(() => {
							this.initgetHouseInfo();
						}, 1000);
					})
			}).catch(() => {
				this.$message({
					type: 'info',
					message: '已取消'
				});
			});
		},
		deletHous(item) {
			if (this.examineindex == 4) {
				this.$confirm('此操作将删除选中的草稿, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$postHttp("/mob/home/deleteDraft", { ids: item.id }).then((data) => {
						if (data.code == 200) {
							this.$message({
								type: 'success',
								message: '删除成功!'
							});
						}
						this.evenMoreT = null
					})
					setTimeout(() => {
						this.initgetHouseInfo()
					}, 500
					)
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消'
					});
				});
				return
			}
			this.$confirm('此操作将删除选中的房源, 是否继续?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.$postHttp("/mob/user/delHouseInfo", { ids: item.id }).then((data) => {
					if (data.code == 200) {
						this.$message({
							type: 'success',
							message: '删除成功!'
						});
					}
				})
				this.evenMoreT = null
				setTimeout(() => {
					this.initgetHouseInfo()
				}, 500)
			}).catch(() => {
				this.$message({
					type: 'info',
					message: '已取消'
				});
			});
		},
		administrationClick(index) {
			this.managementChage = false
			this.compilestate = true
			this.administrationData = index
			this.getHouseInfo()
		},
		accomplish() {
			this.compilestate = false
			this.administrationData = -1
			this.housepage = {
				pageSize: 5,
				pageNo: 1,
				userId: '',
				isLz: '0',
				examineStatus: '2',
				status: '0,1',
				orderSort: '1',
			},
				this.housepage.userId = this.user.id
			this.getHouseInfo()
		},
		chufaguanli() {
			this.managementChage = !this.managementChage
			this.evenMoreT = null
		},
		getUser() {
			let user = JSON.parse(localStorage.getItem("userInfo"))
			if (user != null) {
				this.loginstate = true
				this.user = user
				this.imageUrl = user.image
				this.housepage.userId = user.id
				this.userdata = {
					nikeName: user.nikeName,
					phone: user.phone,
				}
				this.getHouseInfo()
			} else {
				this.loginstate = false
				this.$message({
					message: "请登录！",
					type: "error",
					offset: 120,
					duration: 2000,
				});
				this.$router.push("/");
			}
		},
		getHouseInfo() {
			if (this.examineindex == 4) {
				let draft = {}
				draft.intendedPerson = this.housepage.userId
				draft.pageSize = 5
				draft.pageNo = this.housepage.pageNo
				if (this.housepage.newOld) {
					draft.newOld = this.housepage.newOld
				}
				if (this.housepage.transactionType) {
					draft.transactionType = this.housepage.transactionType
				}
				this.$getHttp("/mob/home/getDraftContent", draft).then((data) => {
					if (data.code == 200) {
						data.data.data.forEach(v => {
							v.choose = false
						})
						this.houseList = data.data.data
						this.housetotal = data.data.count
					}
				})
				return
			}
			if (this.administrationData == 1) {
				this.housepage.upStatus = 1
				this.housepage.status = '0,1'
				this.housepage.isShow = ''
				this.housepage.isCopy = ''
			} else if (this.administrationData == 2) {
				this.housepage.upStatus = 0
				this.housepage.status = '0,1'
				this.housepage.isShow = ''
				this.housepage.isCopy = ''
			} else if (this.administrationData == 3) {
				this.housepage.upStatus = ''
				this.housepage.status = '0,1'
				this.housepage.isShow = '1'
				this.housepage.isCopy = ''
			} else if (this.administrationData == 4) {
				this.housepage.upStatus = ''
				this.housepage.status = '0,1'
				this.housepage.isShow = ''
				this.housepage.isCopy = '1'
			} else if (this.administrationData == 5) {
				this.housepage.upStatus = ''
				this.housepage.status = '1'
				this.housepage.isShow = ''
				this.housepage.isCopy = ''
			} else if (this.administrationData == 6) {
				this.housepage.upStatus = ''
				this.housepage.status = '0,1'
				this.housepage.isShow = ''
				this.housepage.isCopy = ''
				this.housepage.isShare = 1
			}
			this.$getHttp("/mob/home/getHouseInfo", this.housepage).then((data) => {
				if (data.code == 200) {
					data.list.forEach((e) => {
						e.choose = false
						if (e.house_image) {
							e.house_image = this.$img + e.house_image.split("|")[0]
						}
						if (e.hasOwnProperty("FLOOR")) {
							if (e.FLOOR.indexOf("|") == -1) {
								e.foors = ''
							} else {
								e.foors = e.FLOOR.split("|")[0] + "层/" + "共" + e.FLOOR.split("|")[1] + "层";
							}
						}
						if (!e.hasOwnProperty("shop_name")) {
							e.shop_name = "个人房源";
						}
					});
					let managementData = {}
					data.quantityStatistics.forEach(v => {
						let data = v.alreadyShelf
						managementData[data] = v.quantity
					})
					this.houseList = data.list
					this.housetotal = data.count
					this.noticeData = data.reminder
					this.managementData = managementData
				}
			})
		},
		details(item) {
			if (item.is_share == 2) {
				this.$message({
					message: "该房源已撤回",
					type: "error",
					offset: 120,
					duration: 1000,
				});
				return
			}
			if (item.is_share == 2) {
				this.$message({
					message: "该房源已撤回",
					type: "error",
					offset: 120,
					duration: 1000,
				});
				return
			}
			if (this.examineindex == 4 || this.examineindex == 3) {
				let items = JSON.stringify(item)
				localStorage.setItem('editData', items)
				if (item.transaction_type == 1) {
					this.$router.push({
						path: "/release/rent",
					});
				} else {
					this.$router.push({
						path: "/release/sell",
					});
				}
			} else if (this.examineindex == 2) {
				if (item.transaction_type == 1) {
					if (item.commission && (this.administrationData == 6 || this.administrationData == 4 || this.administrationData == -1)) {
						this.$router.push(`/index/shareHouseDetailsLease?id=${item.id}`);
					} else {
						this.$router.push({
							path: "/index/leaseDetails",
							query: {
								id: item.id
							}
						});
					}

				} else {
					if (item.commission && (this.administrationData == 6 || this.administrationData == 4 || this.administrationData == -1)) {
						this.$router.push({
							path: "/index/shareHouseDetails",
							query: {
								id: item.id
							}
						});
					} else {
						this.$router.push(`/index/newHouseDetails?id=${item.id}`);
					}

				}
			} else if (this.examineindex == 1) {
				if (item.transaction_type == 1) {
					this.$router.push({
						path: "/index/leaseDetailsCopy",
						query: {
							id: item.id
						}
					});
				} else {
					this.$router.push({
						path: "/index/newHouseDetailsCopy",
						query: {
							id: item.id
						}
					});
				}
			}
		},
		updata(type) {
			switch (type) {
				case 1:
					this.updateUser({
						id: this.user.id,
						nikeName: this.user.nikeName
					})
					break;
				case 2:
					// this.updateUser({
					// 	id:this.user.id,
					// 	phone:this.user.nikeName
					// })
					this.$message({
						message: "需开发组件！",
						type: "error",
						offset: 120,
						duration: 2000,
					});
					break;
				case 4:
					this.$confirm('此操作将永久注销该账号, 是否继续?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.$postHttp("/mob/user/cancellation", { id: this.user.id }).then((data) => {
							if (data.code == 200) {
								this.$message({
									type: 'success',
									message: '注销成功!'
								});
								localStorage.removeItem("userInfo")
								this.$router.push({
									path: "/",
								})
							}
						})
					}).catch(() => {
						this.$message({
							type: 'info',
							message: '已取消'
						});
					});
					break;
			}
		},
		updateUser(data) {
			this.$postHttp("/mob/user/updateUserInfo", data).then((data) => {
				if (data.code == 200) {
					this.$message({
						message: "修改昵称成功！",
						type: "success",
						offset: 120,
						duration: 2000,
					});
					this.getUserInfo()
				}
			})
		},
		getUserInfo() {
			this.$getHttp("/mob/login/getUserInfoByPhone", { phone: this.user.phone }).then((data) => {
				if (data.code == 200) {
					localStorage.setItem("userInfo", JSON.stringify(data.userInfo))
				}
			})
		},
		xuanClick(num) {
			this.xuan = num;
			switch (num) {
				case 1:
					this.$router.push({
						path: "/my/index",
					})
					break;
				case 4:
					this.$router.push({
						path: "/my/collect",
					})
					break;
				case 5:
					this.$router.push({
						path: "/my/browsing",
					})
					break;
				case 6:
					this.$router.push({
						path: "/my/inform",
					})
					break;
				case 10:
					this.$router.push({
						path: "/my/instrument",
					})
					break;
			}
		},
		//删除房源
		delHouse() {
			let delList = []
			if (this.examineindex == 4) {
				this.houseList.forEach((e) => {
					if (e.choose) {
						delList.push(e.id)
					}
				})
				if (delList.length > 0) {
					this.$confirm('此操作将删除选中的草稿, 是否继续?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.$postHttp("/mob/home/deleteDraft", { ids: delList.join(',') }).then((data) => {
							if (data.code == 200) {
								this.$message({
									type: 'success',
									message: '删除成功!'
								});
							}
						})
						setTimeout(() => {
							this.initgetHouseInfo()
						}, 500
						)
					}).catch(() => {
						this.$message({
							type: 'info',
							message: '已取消'
						});
					});
				}
				return
			}
			this.houseList.forEach((e) => {
				if (e.choose) {
					delList.push(e.id)
				}
			})
			if (delList.length > 0) {
				this.$confirm('此操作将删除选中的房源, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$postHttp("/mob/user/delHouseInfo", { ids: delList.join(',') }).then((data) => {
						if (data.code == 200) {
							this.$message({
								type: 'success',
								message: '删除成功!'
							});
						}
					})
					setTimeout(() => {
						this.initgetHouseInfo()
					}, 500
					)
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消'
					});
				});
			}

		},
		refresh(item) {
			// let delList = []
			// this.houseList.forEach((e) =>{
			// 	if(e.choose){
			// 		delList.push(e.id)
			// 	}
			// })
			// if (delList.length>0) {
			this.$postHttp("/mob/home/refresh", { id: item.id }).then((data) => {
				if (data.code == 200) {
					this.$message({
						type: 'success',
						message: '刷新成功!'
					});
					this.evenMoreT = null
					setTimeout(() => {
						this.initgetHouseInfo()
					}, 500)
				}
			})
			// }
		},
		// 管理里面的刷新
		administrationRefresh() {
			let delList = []
			this.houseList.forEach((e) => {
				if (e.choose) {
					delList.push(e.id)
				}
			})
			if (delList.length > 0) {
				this.$postHttp("/mob/home/refresh", { id: delList.join(',') }).then((data) => {
					if (data.code == 200) {
						this.$message({
							type: 'success',
							message: '刷新成功!'
						});
						this.evenMoreT = null
						setTimeout(() => {
							this.initgetHouseInfo()
						}, 500)
					}
				})
			}
		},
		allselect() {
			this.houseList.forEach((e) => {
				e.choose = !e.choose
			})
		},
		choosehouse(id) {
			let ss = 0;
			this.houseList.forEach((e) => {
				if (e.id == id) {
					if (this.checkType === '') {
						this.checkType = e.transaction_type
						e.choose = !e.choose
					} else {
						e.choose = !e.choose
						// if (this.checkType != e.transaction_type){
						// 	e.choose = false
						// 	this.$message({
						// 		type: 'success',
						// 		message: '只能选择同状态的数据!'
						// 	});
						// } else {
						// 	e.choose = !e.choose
						// }
					}
				}
				// if (e.choose){
				// 	ss = 1
				// } 
			})
			// if (ss == 0){//当数据没有被选中的就置空
			// 	 this.checkType = ''
			// }
			console.log(this.houseList)
		},
		updatPwd() {
			if (this.onepwd.trim() == this.twopwd.trim()) {
				this.$postHttp("/mob/login/updatePassByPass", {
					id: this.user.id,
					password: this.twopwd.trim(),
					oldPassword: this.oldpwd.trim()
				}).then((data) => {
					if (data.code == 200 && data.success) {
						this.$message({
							message: "密码修改成功！",
							type: "success",
							offset: 120,
							duration: 2000,
						});
					} else {
						this.$message({
							message: data.msg,
							type: "error",
							offset: 120,
							duration: 2000,
						});
					}
				})
			} else {
				this.$message({
					message: "2次新密码不一致！",
					type: "error",
					offset: 120,
					duration: 2000,
				});
			}
		},
		floor(a) {
			var fool = a.split(",");
			if (fool[0] == 1) return fool[1] + "层/" + fool[2] + "层";
			if (fool[0] == 2)
				return fool[1] + "层-" + fool[2] + "层共" + fool[3] + "层";
			if (fool[0] == 3) return "共层" + fool[1] + "层";
		},
		houseClick(index) {
			if (this.housepage.type) {
				delete this.housepage.type
			}
			if (this.housepage.price) {
				delete this.housepage.price
			}
			if (this.housepage.area) {
				delete this.housepage.area
			}
			if (this.housepage.region) {
				delete this.housepage.region
			}
			if (this.housepage.floor) {
				delete this.housepage.floor
			}
			this.houseindex = index
			this.managementChage = false
			this.evenMoreT = null
			this.housepage.pageNo = 1
			switch (index) {
				case 1:
					delete this.housepage.newOld
					delete this.housepage.transactionType
					break;
				case 2:
					this.housepage.newOld = 2
					this.housepage.transactionType = 2
					break;
				case 3:
					this.housepage.newOld = 1
					this.housepage.transactionType = 2
					break;
				case 4:
					delete this.housepage.newOld
					this.housepage.transactionType = 1
					break;
			}
			this.getHouseInfo()
		},
		examineClick(index) {
			if (this.compilestate) {
				this.compilestate = false
				this.administrationData = -1
				this.housepage = {
					pageSize: 5,
					pageNo: 1,
					userId: '',
					isLz: '0',
					examineStatus: '2',
					status: '0,1',
					orderSort: '1',
				},
					this.housepage.userId = this.user.id
			}
			this.evenMoreT = null
			this.houseindex = 1
			delete this.housepage.newOld
			delete this.housepage.transactionType
			this.managementChage = false
			this.examineindex = index
			this.housepage.examineStatus = index
			this.housepage.pageNo = 1
			this.houseList = []
			this.housetotal = 0
			// this.noticeData = []
			// this.managementData = []
			this.getHouseInfo()
		},
		handleAvatarSuccess(res, file) {
			this.imageUrl = URL.createObjectURL(file.raw);
			this.$postHttp("/mob/user/updateUserInfo", {
				id: this.user.id,
				image: this.imgurl + res.attach.attachPath
			}).then((data) => {
				if (data.code == 200) {
					this.user.image = this.imgurl + res.attach.attachPath
					this.$message({
						message: "修改头像成功！",
						type: "success",
						offset: 120,
						duration: 2000,
					});
					this.getUserInfo()
				}
			})
		},
		houseCurrentChange(e) {
			this.housepage.pageNo = e
			this.getHouseInfo()
		},
		operation(index) {
			if (index == 1) {
				this.housevalue2 = 1
			} else if (index == 2) {
				this.housevalue2 = 2
			} else if (index == 3) {
				this.houseList.forEach((e) => {
					if (e.choose) {
						if (e.transaction_type == 1) {
							this.housevalue2 = 3
							return
						} else if (e.transaction_type == 2) {
							this.housevalue2 = 4
							return
						}
					}
				})
			} else if (index == 4) {
				this.cancelShare()
				return
			}
			let houseId = []
			this.houseList.forEach((e) => {
				if (e.choose) {
					houseId.push(e.id)
				}
			})
			if (houseId.length == 0) {
				this.$message({
					message: "请选择房源！",
					type: "success",
					offset: 120,
					duration: 2000,
				});
				return
			}
			this.$confirm('此操作将' + this.options2[this.housevalue2 - 1].label + '该房源, 是否继续?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.$postHttp("/mob/home/updateUpStatus", {
					userId: this.user.id,
					id: houseId.join(','),
					upStatus: this.housevalue2,
				}).then((data) => {
					if (data.code == 200) {
						this.$message({
							message: this.options2[this.housevalue2 - 1].label + "成功！",
							type: "success",
							offset: 120,
							duration: 2000,
						});
						this.housevalue2 = ""
						this.initgetHouseInfo()
						this.checkType = ''
					}
				});
			}).catch(() => {
				this.$message({
					type: 'info',
					message: '已取消' + this.options2[this.housevalue2 - 1].label
				});
			});
		},
		housecompile(type) {
			this.compilestate = type
			// if(type){
			// 	this.compilestate = type
			// }else{
			// 	// let idList = []
			// 	// this.houseList.forEach((e) =>{
			// 	// 	if(e.choose){
			// 	// 		idList.push(e.id)
			// 	// 	}
			// 	// })
			// 	// if(idList.length == 0){
			// 	// 	this.compilestate = type
			// 	// 	return
			// 	// }
			// 	this.xzList = idList
			// }
		},
		openTop(index) {
			this.houseList.forEach((e) => {
				if (e.choose) {
					this.topVisible = true
				} else {
					this.$message({
						message: "请选择房源！",
						type: "success",
						offset: 120,
						duration: 2000,
					});
				}
			})
		},
		initgetHouseInfo() {
			this.housepage.pageNo = 1
			this.getHouseInfo()
		},
		//确认置顶
		topSub(chage) {
			if (this.day <= 0) {
				this.$message({
					message: "请填写天数！",
					type: "success",
					offset: 120,
					duration: 2000,
				});
				return
			}
			if (chage == 1) {
				this.$postHttp("/mob/home/updateUpHomePage", {
					id: this.houseTopData.id,
					dayNum: this.day,
					isShow: '1',
				}).then((data) => {
					if (data.code == 200) {
						this.$message({
							message: "置顶成功！",
							type: "success",
							offset: 120,
							duration: 2000,
						});
						this.initgetHouseInfo()
					}
				});
				this.topVisible = false
			} else {
				let houseId = []
				this.houseList.forEach((e) => {
					if (e.choose) {
						houseId.push(e.id)
					}
				})
				if (houseId.length == 0) {
					this.$message({
						message: "请选择房源！",
						type: "success",
						offset: 120,
						duration: 2000,
					});
					return
				}
				this.$postHttp("/mob/home/updateUpHomePage", {
					id: houseId.join(','),
					dayNum: this.day,
					isShow: '1',
				}).then((data) => {
					if (data.code == 200) {
						this.$message({
							message: "置顶成功！",
							type: "success",
							offset: 120,
							duration: 2000,
						});
						this.multipleHousesTopTitle = []
						this.initgetHouseInfo()
					}
				});
				this.topVisible = false
			}
		},
		//取消置顶
		cancelTopSub(chage) {
			this.$confirm('此操作将取消该房源的置顶, 是否继续?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				if (chage == 1) {
					this.$postHttp("/mob/home/updateUpHomePage", {
						id: this.houseTopData.id,
						isShow: '0',
					}).then((data) => {
						if (data.code == 200) {
							this.$message({
								message: "取消置顶成功！",
								type: "success",
								offset: 120,
								duration: 2000,
							});
							this.initgetHouseInfo()
						}
					});
				} else {
					let houseId = []
					this.houseList.forEach((e) => {
						if (e.choose) {
							houseId.push(e.id)
						}
					})
					if (houseId.length == 0) {
						this.$message({
							message: "请选择房源！",
							type: "success",
							offset: 120,
							duration: 2000,
						});
						return
					}
					this.$postHttp("/mob/home/updateUpHomePage", {
						id: houseId.join(','),
						isShow: '0',
					}).then((data) => {
						if (data.code == 200) {
							this.$message({
								message: "取消置顶成功！",
								type: "success",
								offset: 120,
								duration: 2000,
							});
							this.initgetHouseInfo()
						}
					});
				}
			}).catch(() => {
				this.$message({
					type: 'info',
					message: '已取消'
				});
			});
		},
		beforeAvatarUpload(file) {
			const isJPG = file.type.substring(0, 5) === "image" || file.type.substring(6, 7) == 'g';
			const isLt2M = file.size / 1024 / 1024 < 2;
			if (!isJPG) {
				this.$message.error("上传头像图片只能是图片格式!");
				return;
			}
			if (!isLt2M) {
				this.$message.error("上传图片大小不能超过2M");
				return;
			}
			return isJPG && isLt2M;
		}
	}
};
</script>
<style lang="less" scoped>
.share-box {
	border-radius: 30px;

	.yong-jin {
		display: flex;
		align-items: center;
		margin: 0 20px 30px 40px;
		font-size: 21px;

		input {
			box-sizing: border-box;
			width: 355px;
			padding: 10px;
			margin-left: 15px;
			border-radius: 4px;
			border: 1px solid darkgray;
			height: 48px;

			input:-moz-placeholder,
			textarea:-moz-placeholder {
				color: #666;
				font-size: 16px;
			}

			input::-moz-placeholder,
			textarea::-moz-placeholder {
				color: #666;
				font-size: 16px;
			}

			input:-ms-input-placeholder,
			textarea:-ms-input-placeholder {
				color: #666;
				font-size: 16px;
			}
		}

		textarea {
			box-sizing: border-box;
			padding: 10px;
			border-radius: 4px;
			width: 355px;
			margin-left: 15px;
			height: 115px;
			border: 1px solid darkgray;
			outline-style: none;
		}
	}

	.remark {
		display: flex;
		align-items: flex-start;
		margin: 0 20px 10px 40px;
	}

	.btn {
		padding: 0 0;
		margin-top: 44px;
		justify-content: space-around;
		border-radius: 10px;

		div {
			flex: 1;
			background-color: #64B6A8;
			font-size: 24px;
			text-align: center;
			color: #fff;
			padding: 20px 24px;

		}
	}
}

.just-content {
	justify-content: space-between;
}

.popupBoxs {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;

	.popupit {
		width: 434px;
		background-color: #FFFFFF;
		border-radius: 10px;

		.title {
			font-size: 26px;
			padding: 0 37px;
			margin-top: 14px;
			color: #000;
			font-weight: 500;

			.yong-jin {
				font-weight: 400;
				margin-bottom: 10px;
				align-items: flex-start;
				flex-wrap: wrap;
				font-size: 21px;

				div {
					font-weight: 400;
					font-size: 21px;
					margin-left: 10px;
					word-wrap: break-word;
					word-break: break-all;
				}
			}
		}

		.btn {
			width: 100%;
			height: 70px;
			color: #fff;
			background-color: #64B6A8;
			font-size: 23px;
			text-align: center;
			line-height: 70px;
			border-radius: 0 0 10px 10px;
			margin-top: 48px;
			cursor: pointer;
		}
	}
}


// -------------------------------
.popupBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;

	// z-index: 10000;

	.popupit {
		width: 434px;
		height: 217px;
		background-color: #FFFFFF;
		border-radius: 10px;
		border: 1px solid #707070;

		.title {
			padding: 0 73px;
			margin-top: 58px;
			color: #000;
		}

		.confirmBtn {
			width: 100%;
			height: 70px;
			background-color: #64B6A8;
			text-align: center;
			line-height: 70px;
			border-radius: 0 0 10px 10px;
			margin-top: 48px;
			cursor: pointer;
		}
	}

	.btn {
		margin-top: 43px;
		display: flex;
		box-sizing: border-box;

		.cancel {
			width: 115px;
			height: 44px;
			border-radius: 37px;
			border: 1px solid #64B6A8;
			font-size: 21px;
			color: #64B6A8;
			text-align: center;
			line-height: 44px;
			margin-left: 87px;
			margin-right: 32px;
			cursor: pointer;
		}

		.affirm {
			width: 115px;
			height: 44px;
			background: #64B6A8;
			border-radius: 37px;
			text-align: center;
			line-height: 44px;
			cursor: pointer;
		}
	}
}

.saixuan {
	color: #333;
	width: 800px;
	// margin-left: 50%;
	// transform: translateX(-50%);
	font-size: 0;
	margin-left: 34px;

	.li {
		.p1 {
			display: inline-block;
			font-size: 16px;
			font-weight: 600;
			margin-right: 32px;
			vertical-align: top;
		}

		.p2 {
			display: inline-block;
			font-size: 16px;
			margin-right: 32px;
			vertical-align: top;
			cursor: pointer;
		}

		div {
			display: inline-block;
			font-size: 16px;
			margin-right: 30px;
			vertical-align: top;
			margin-bottom: 10px;
		}

		.list {
			width: 600px;

			div {
				cursor: pointer;
			}
		}

		.xuan {
			color: #64b6a8;
		}
	}
}

.bottomOperation {
	height: 100%;
	display: flex;
	justify-content: right;
	align-items: center;

	.item {
		width: 120px;
		height: 45px;
		background-color: #64B6A8;
		font-size: 20px;
		text-align: center;
		line-height: 45px;
		border-radius: 45px;
		color: #fff;
		margin-right: 14px;
		cursor: pointer;
	}

	.refresh {
		width: 120px;
		height: 45px;
		display: flex;
		align-items: center;
		font-size: 22px;
		color: #64B6A8;
		cursor: pointer;
		justify-content: center;

		img {
			margin-right: 5px;
			width: 30px;
			height: 30px;
		}
	}
}

.houselist {
	width: 936px;
	/* height: 1500px; */
	min-height: 818px;

	border-radius: 10px;
	vertical-align: top;
	display: inline-block;

	.h1 {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		color: #333333;
	}

	.title {
		display: flex;
		padding: 25px 34px;
		color: #333333;
		font-size: 20px;
		align-items: center;
		border-bottom: #e0e0e0 1px solid;

		/* justify-content: space-between; */
		.item {
			position: absolute;
			color: #64B6A8;
			font-size: 12px;
			top: -4px;
			right: -12px;
		}
	}

	.ttext {
		margin-right: 60px;
		cursor: pointer;
	}

	.xttext {
		color: #64B6A8;
		font-size: 26px;
		margin-right: 54px;
		cursor: pointer;
	}

	.house {
		width: 100%;
		height: 100%;

		.houseview {
			box-sizing: border-box;
			display: flex;
			cursor: pointer;

			img {
				width: 230px;
				height: 154px;
			}
		}

		// .morePopup {
		// 	width: 128px;
		// 	border: 1px solid #64B6A8;
		// 	position: absolute;
		// 	left: 80px;
		// 	background-color: #fff;
		// 	z-index: 1;

		// 	.item {
		// 		width: 128px;
		// 		height: 46px;
		// 		border-bottom: 1px solid #64B6A8;
		// 		text-align: center;
		// 		line-height: 46px;
		// 		cursor: pointer;
		// 	}
		// }

		.labelClass {
			display: flex;
			position: relative;

			.more {
				position: relative;
				width: 230px;
				margin-right: 14px;
				margin-top: 10px;
				font-size: 20px;
				color: #64B6A8;
				cursor: pointer;

				.morePopup {
					// width: 128px;
					border: 1px solid #64B6A8;
					position: absolute;
					left: 45px;
					background-color: #fff;
					color: #333;
					z-index: 1;

					.item {
						min-width: 128px;
						// width: 128px;
						padding: 0 5px;
						height: 46px;
						border-bottom: 1px solid #64B6A8;
						text-align: center;
						line-height: 46px;
						cursor: pointer;
					}
				}

				.more-span {
					border-bottom: 1px solid #64B6A8;
				}
			}

			.labelItem {
				margin-top: 10px;
				display: flex;

				.item {
					width: 61px;
					height: 30px;
					border-radius: 4px;
					border: 1px solid #64B6A8;
					font-size: 15px;
					color: #64B6A8;
					text-align: center;
					line-height: 30px;
					margin-right: 8px;
				}
			}

			img {
				position: absolute;
				right: 150px;
				top: 8px;
			}
		}
	}
}

/* 公告card */
.TopCard {
	margin-bottom: 20px;
	background: #FFF9F4;
	border: 1px solid #FCAB66;
	display: flex;
	color: #A78466;
	font-size: 14px;

	/deep/.el-card__body {
		justify-content: space-between;
		align-content: center;
	}
}

/* 公告title */
.tips {
	//   line-height:50px;
	color: #A78466;
	font-weight: bold
}

.al-center {
	align-items: center;
}

.showNotice {}

.administrations {
	width: 120px;
	height: 280px;
	box-sizing: border-box;
	background-color: #fff;
	position: absolute;
	right: 8px;
	bottom: -295px;
	box-shadow: 0px 0px 20px 1px #D0D0D0;
	z-index: 100;
	padding: 0 16px;
	display: flex;
	flex-direction: column;

	.items {
		height: 30px;
		color: #5A5E66;
		font-size: 14px;
		border-bottom: 1px solid #E0E0E0;
		padding-bottom: 10px;
		margin-top: 20px;
	}

	&::before {
		content: '';
		display: inline-block;
		border-left: 12px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 12px solid #fff;
		position: absolute;
		right: 6px;
		top: -11px;
	}
}

.box {
	position: relative;
	padding-bottom: 200px;
}

.con {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 940px;
	color: #333;

	.bianji {
		padding-bottom: 65px;
		margin-bottom: 20px;
		border-radius: 10px;
		border: 1px solid #e0e0e0;

		.ming {
			width: 876px;
			height: 56px;
			line-height: 56px;
			font-size: 20px;
			background: #f2f2f2;
			text-indent: 23px;
			margin-left: 32px;
			margin-top: 24px;
		}

		.lei {
			margin-top: 40px;

			.p {
				display: inline-block;
				vertical-align: unset;
				width: 100px;
				font-size: 20px;
				text-align: right;
				margin-left: 210px;
				margin-right: 70px;
				font-weight: 600;
			}

			.el-input {
				width: 220px;
				font-size: 18px;

				/deep/.el-input__inner {
					border: 0;
					color: #333;
					border-bottom: 1px solid #e0e0e0;
					box-sizing: content-box;
					padding-bottom: 15px;
				}
			}

			.div {
				display: inline-block;
				margin-left: 40px;
				font-size: 20px;
				color: #2264d2;
				cursor: pointer;
			}
		}

		.wenben {
			width: 835px;
			margin-left: 52px;
			margin-top: 40px;

			h4 {
				font-size: 20px;
				font-weight: 600;
				color: #333333;
				margin-bottom: 20px;
			}

			p {
				font-size: 20px;
				line-height: 45px;
			}
		}

		.but {
			width: 150px;
			height: 40px;
			line-height: 40px;
			background: #64b6a8;
			border-radius: 5px;
			color: #fff;
			text-align: center;
			font-size: 19px;
			cursor: pointer;
			margin-left: 395px;
			margin-top: 40px;
		}
	}
}

.gerenBox {
	width: 1200px;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-top: 32px;
	margin-bottom: 45px;

	.geren {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		width: 240px;
		min-height: 820px;
		margin-right: 15px;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		overflow: hidden;

		img {
			width: 110px;
			height: 110px;
			border-radius: 50%;
			margin-top: 40px;
			margin-left: 65px;
		}

		p {
			width: 100%;
			text-align: center;
			font-size: 18px;
			color: #333333;
			margin-top: 12px;
			margin-bottom: 40px;
		}

		.list {
			position: relative;
			width: 100%;

			.li {
				width: 209px;
				height: 50px;
				line-height: 50px;
				margin-left: 30px;
				text-indent: 40px;
				font-size: 18px;
				color: #333;
				border-radius: 25px 0 0 25px;
				cursor: pointer;
			}

			.xuan {
				background-color: #64b6a8;
				color: #fff;
			}
		}

		.kuai {
			width: 100%;
			height: 6px;
			background-color: #64b6a8;
			position: absolute;
			bottom: 0;
		}
	}
}

.tit {
	width: 100%;
	height: 100px;
	background-color: #f2f2f2;

	.list {
		position: relative;
		width: 1200px;
		margin-left: 50%;
		padding-top: 25px;
		transform: translateX(-50%);
		background-color: #f2f2f2;

		div {
			display: inline-block;
			vertical-align: middle;
			font-size: 20px;
			color: #333333;
		}

		.li {
			font-size: 28px;
			color: #64b6a8;
			margin-right: 60px;

			img {
				width: 60px;
				height: 60px;
			}

			span {
				vertical-align: middle;
			}
		}

		.rig {
			position: absolute;
			right: 0;

			.but {
				width: 200px;
				height: 50px;
				background: #64b6a8;
				border-radius: 6px;
				text-align: center;
				line-height: 50px;
				color: #fff;
				margin-left: 30px;
			}
		}
	}
}

.avatar-uploader {
	display: inline-block;
}

.avatar-uploader .el-upload {
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.avatar-uploader .el-upload:hover {
	border-color: #409eff;
}

.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 178px;
	height: 178px;
	line-height: 178px;
	text-align: center;
	border: 1px solid #e0e0e0;
}

.sj {
	position: absolute;
	width: 70px;
	height: 26px;
	z-index: 1;
	background-color: #64b6a8;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 26px;
	border-bottom-right-radius: 5px;
}

.xj {
	position: absolute;
	width: 70px;
	height: 26px;
	z-index: 1;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 26px;
	border-bottom-right-radius: 5px;
}

.img1 {
	position: absolute;
	width: 230px;
	height: 154px;
}

.avatar {
	width: 178px;
	height: 178px;
	display: block;
}

/deep/.el-input__inner {
	border-radius: 20px;
	border: #64B6A8 1px solid;
	color: #64B6A8;
	width: 85px;
}

/deep/.el-input__suffix {
	right: 3px;
}

/deep/.el-dialog__body {
	padding: 0px;

}

/deep/.el-dialog {
	border-radius: 20px;
}

/deep/.el-select .el-input {
	width: 80px;
}

.pointer {
	cursor: pointer;
}</style>